<!-- <!DOCTYPE>声明：是指示web浏览器关于页面使用哪个HTML版本进行编写的指令 -->
<!-- <!DOCTYPE>声明：不是HTML标签。HTML5不基于SGML，所以不需要引用DTD -->
<!DOCTYPE html>
<!-- <html>与</html>标签：限定了文档的开始点和结束点 -->
<html lang="zh">
<!-- head标签：定义文档的头部 -->
<head>
    <!-- meta标签：描述性标签，描述网站的一些信息 -->
    <meta charset="UTF-8"/>
    <!-- title标签：网页标题 -->
    <title>订单管理系统</title>
    <!-- meta标签：一般用来做SEO（搜索引擎优化） -->
    <meta name="keywords" content="道璞,订单,订单管理,订单管理系统"/>
    <meta name="description" content="道璞订单管理系统"/>
    <link rel="shortcut icon" type="image/x-icon" href="../image/notebook2.svg"/>
    <link rel="stylesheet" href="../css/style.css">
</head>
<!-- body标签：定义文档的主体 -->
<body>
<!-- 布局标签（结构化语义标签） -->
<!-- header标签：定义文档的页眉（介绍信息） -->
<header></header>
<!-- nav标签：定义导航链接的部分 -->
<nav></nav>
<!-- aside标签：可用作文章的侧栏 -->
<aside></aside>
<!-- main标签：规定文档的主要内容。一个网页只能有一个main标签 -->
<!-- main标签：是网页的特异性部分，不应该包含网页中复用的部分 -->
<main>
    <div class="mainbox">
        <div>
            <img class="logo" src="../image/notebook1.svg" alt="logo" height="128" width="128">
        </div>
        <div class="Inputbox">
        <div id="title">
            工单导出系统
        </div>
            <div>
                <label>
                    <input class="Input" name="user.password" type="password" placeholder="密码">
                </label>
            </div>
            <div>
                <button class="button-login" onclick="login()">
                    登录
                </button>
            </div>
        </div>
    </div>
</main>
<!-- footer标签：定义文档或节的页脚 -->
<footer></footer>
</body>
<script>
    function login() {
        const password= document.getElementsByName("user.password")[0].value;
        if (password === "dp123456") {
            window.location.replace("initOrder.html");
        } else {
            alert("密码错误！");
        }
    }
</script>
<!--<script>-->
<!--    var arry = $("#form1").serializeArray();//序列化表单-->
<!--    var obj = {};//分配内存空间-->
<!--    for (var i = 0; i < arry.length; i++) {//数据类型为"自定义类的字段名=数据"后台会自动对数据进行匹配-->
<!--        obj[arry[i].name] = arry[i].value;-->
<!--    }-->
<!--    $.ajax({-->
<!--        url: "localhost:8001/user/login",-->
<!--        data: obj,//传递数据-->
<!--        type: "post",-->
<!--        success: function (data) {-->
<!--            alert("success");-->
<!--        }-->
<!--    })-->
<!--</script>-->
</html>